<template>
  <div class="container">
      <Nav></Nav>
      <HeadNav></HeadNav>
        <Tabs></Tabs>
        <navMenu></navMenu>
        <div class="miaosha">
           <miaosha></miaosha> 
        </div>
            <div class="second_content">
      <div class="book2_box">
        <RecBookBox :list-sort="recommend"></RecBookBox>
      </div>
    </div>
    <div class="first_content">
      <div class="book2_box">
        <RecBookBox :list-sort="newProduct"></RecBookBox>
      </div>
    </div>
  </div>
</template>

<script>
    import Nav from '../../com/components/Common/Nav';
    import HeadNav from '../../com/components/Common/HeadNav';
    import Tabs from '../../zhuye/Tabs/Tabs';
   import navMenu from '../../zhuye/celan/navMenu'
   import miaosha from '../../zhuye/zhongbu/miaosha'
   import RecBookBox from '../../zhuye/zhongbu/RecBookBox'
export default {
    components:{Nav,HeadNav,Tabs,navMenu,miaosha,RecBookBox},
}
</script>

<style>
.container{
  
}
  .miaosha{
    background: #dedede;
    width: 66%;
    height: 250px;
    margin: 0 auto;
  }
</style>